<template>
    <div class="set-up">
        <div class="set-up-info">
            <img src="../../../assets/1.jpg"/>
            <span>李东东</span>
        </div>
        <div class="set-up-form" @click="switchTo('/UserSetUpEdit')">
            <label for="">昵称</label>
            <span>李东东</span>
        </div>
        <div class="set-up-form" @click="switchTo('/UserSetUpEdit')">
            <label for="">微信号</label>
            <span>微信号</span>
        </div>
        <div class="set-up-form">
            <label for="">修改密码</label>
            <span>修改密码</span>
        </div>
        <div class="set-up-form">
            <label for="">绑定手机号</label>
            <span>绑定手机号</span>
        </div>
        <div class="set-up-form">
            <label for="">我的收货地址</label>
            <span>我的收货地址</span>
        </div>
        <div class="set-up-form">
            <label for="">版本信息</label>
            <span>版本信息</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'UserSetUp',
        methods:{
            switchTo(path){
            // console.log(this.$router)
            this.$router.replace(path)
            }
        }
    }
</script>

<style scoped>
.set-up-info{
    width: 94%;
    margin-left: 3%;
    margin-top: 5%;
    display: inline-block;
}
.set-up-info img{
    width:50px;
    height:50px;
    border-radius: 50%;
    float: left;
}
.set-up-info span{
    float:left;
    margin-left: 15px;
    font-size:18px;
    font-weight: 600;
    line-height: 50px;
}
.set-up-form{
    background: #FFF;
    border-radius: 5px;
    width:94%;
    margin-left: 3%;
    display: inline-block;
    margin-top:10px;
    overflow: hidden;
}
.set-up-form label{
    float:left;
    padding:12px 10px;
}
.set-up-form span{
    float:right;
    padding:12px 10px;

}
</style>